<template>
  <view class="info">
    <view class="contact">
      <view class="title">{{ dynamicStateInfo.newsTitle }}</view>
    </view>
    <view class="info-txt icon-container" v-if=" dynamicStateInfo.liaisonName">
      <i-icon size="30rpx"  name="map-pin-line"></i-icon>
      {{ dynamicStateInfo.liaisonName }}
    </view>
    <view class="info-txt icon-container" v-if="dynamicStateInfo.publishTime">
      <i-icon size="30rpx"  name="time-line"></i-icon>
      {{ dynamicStateInfo.publishTime }}
    </view>
  </view>
</template>

<script>
import {baseMixins} from "@/mixins/baseMixins";
import {formtimestamp, friendlyDate} from "@/until/timeUtil";

export default {
  name: "dynamicInfo",
  mixins: [baseMixins],
  props: {
    dynamicStateInfo: {
      type: Object,
    },
  },
}
</script>

<style scoped lang="scss">
.info {
  margin: 20rpx 30rpx 0 30rpx;

  view {
    margin: 15rpx 0;
  }

  .contact {
    display: flex;
    width: 100%;

    .title {
      word-break: break-word;
      width: 100%;
      overflow-wrap: break-word;
      font-weight: 600;
      font-size: $font-size-lg;
      color: #222222;
      line-height: 35rpx;
      letter-spacing: 10rpx;
      text-align: left;
      font-style: normal;
      text-transform: none;
      margin-right: 15rpx;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
    }
  }

  .info-txt {
    font-weight: normal;
    font-size: 30rpx;
    color: #222222;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-bottom: 20rpx;
  }
}
</style>
